*, *:before, *:after {
  margin:0;
  padding:0;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}
#gal {
  position:relative;
  width:299px;
  height:254px;
  margin:0 auto;
  top:0px;
  background:white;
  -webkit-box-shadow:0px 0px 0px 10px white,
             5px 5px 0px 10px rgba(0,0,0,0.1);
  -moz-box-shadow:0px 0px 0px 10px white,
             5px 5px 0px 10px rgba(0,0,0,0.1);
  box-shadow:0px 0px 0px 10px white,
             5px 5px 0px 10px rgba(0,0,0,0.1);
  -webkit-transform:translate3d(0, 0, 0);
  -moz-transform:   translate3d(0, 0, 0);
  -ms-transform:    translate3d(0, 0, 0);
  -o-transform:     translate3d(0, 0, 0);
  transform:        translate3d(0, 0, 0);
}
#gal:after {
  content:'';
  position:absolute;
  bottom:24px;
  right:0;
  left:0;
  width:100%;
  height:1px;
  background:rgba(255,255,255,0.35);
  z-index:3;
}
#gal ul {list-style-type:none;}
input[type="radio"], input[type="radio"] + label {
  position:absolute;
  bottom:15px;
  display:block;
  width:20px;
  height:20px;
  -webkit-border-radius:50%;
  -moz-border-radius:50%;
  border-radius:50%;
  cursor:pointer;
}
input[type="radio"] {
  opacity:0;
  z-index:9;
}
input[value="one"], input[value="one"] + label {left:10px;}
input[value="two"], input[value="two"] + label {left:64px;}
input[value="three"], input[value="three"] + label {left:118px;}
input[value="four"], input[value="four"] + label {left:172px;}
input[value="five"], input[value="five"] + label {left:226px;}
input[value="six"], input[value="six"] + label {right:10px;}
input[type="radio"] + label {
  background:rgba(255,255,255,0.35);
  z-index:7;
  -webkit-box-shadow:0px 0px 0px 0px rgba(255,255,255,0.15);
  -moz-box-shadow:0px 0px 0px 0px rgba(255,255,255,0.15);
  box-shadow:0px 0px 0px 0px rgba(255,255,255,0.15);
  -webkit-transition:all .3s;
  -moz-transition:all .3s;
  -o-transition:all .3s;
  transition:all .3s;
}
[class*="entypo-"]:before {
  position:absolute;
  font-family: 'entypo', sans-serif;
}
figure[class*="entypo-"]:before {
  left:10px;
  top:5px;
  font-size:2rem;
  color:rgba(255,255,255,0);
  z-index:1;
  -webkit-transition:color .1s;
  -moz-transition:color .1s;
  -o-transition:color .1s;
  transition:color .1s;
}
a[class*="entypo-"]:before {
  top:8px;
  left:9px;
  font-size:1.5rem;
  color:white;
}
a:hover[class*="entypo-"]:before {
  color:white;
}
figure, figure img, figcaption {
  position:absolute;
  top:0;
  right:0;
}
figure {
  bottom:0;
  left:0;
  width:299px;
  height:253px;
  display:block;
  overflow:hidden;
}
figure img {
  bottom:0;
  left:0;
  display:block;
  width:299px;
  height:253px;
  z-index:1;
  -webkit-transform:translateX(299px);
  -moz-transform:translateX(299px);
  -ms-transform:translateX(299px);
  -o-transform:translateX(299px);
  transform:translateX(299px);
  -webkit-transition:all .15s .15s, z-index 0s;
  -moz-transition:all .15s .15s, z-index 0s;
  -o-transition:all .15s .15s, z-index 0s;
  transition:all .15s .15s, z-index 0s;
}
figcaption {
  display:block;
  width:0px;
  height:209px;
  padding-top:20px;
  background-image:radial-gradient(rgba( 255,255,255,0.3), transparent);
  background-size:299px 299px;
  background-repeat:no-repeat;
  background-position:-209px -150px;
  text-align:center;
  z-index:3;
  -webkit-box-shadow:-5px 0px 20px rgba(0,0,0,0.1);
  -moz-box-shadow:-5px 0px 20px rgba(0,0,0,0.1);
  box-shadow:-5px 0px 20px rgba(0,0,0,0.1);
  -webkit-transform:translateX(209px);
  -moz-transform:translateX(209px);
  -ms-transform:translateX(209px);
  -o-transform:translateX(209px);
  transform:translateX(209px);
  -webkit-transition:all .35s;
  -moz-transition:all .35s;
  -o-transition:all .35s;
  transition:all .35s;
}
h4 {
  display:inline-block;
  padding:0 5px;
  color:white;
  font-family: 'Titillium Web', sans-serif;
  font-weight:209;
  font-size:2rem;
}
figcaption navone ul {display:block;padding-top:10px;}
figcaption navone ul li {display:inline-block;margin-left:5px;}
figcaption navone ul li a {
  position:relative;
  display:block;
  width:40px;
  height:40px;
  background:rgba(255,255,255,0.2);
  text-decoration:none;
  color:white;
  -webkit-border-radius:500%;
  -moz-border-radius:500%;
  border-radius:500%;
  -webkit-box-shadow:inset 0px 0px 0px 0px rgba(255,255,255,0);
  -moz-box-shadow:inset 0px 0px 0px 0px rgba(255,255,255,0);
  box-shadow:inset 0px 0px 0px 0px rgba(255,255,255,0);
  -webkit-transition:all .15s;
  -moz-transition:all .15s;
  -o-transition:all .15s;
  transition:all .15s;
}
figcaption navone ul li a:hover {
  background:rgba(255,255,255,0);
  -webkit-box-shadow:inset 0px 0px 0px 2px rgba(255,255,255,1);
  -moz-box-shadow:inset 0px 0px 0px 2px rgba(255,255,255,1);
  box-shadow:inset 0px 0px 0px 2px rgba(255,255,255,1);
}
figcaption p {
  padding:50px 15px;
  font-family:'Titillium Web', sans-serif;
  font-weight:209;
  color:#333;
  background-image:-webkit-gradient(linear, 0 0, 0 100%, from(rgba(255,255,255,0.35)), color-stop(0.3, rgba(255,255,255,0.35)), color-stop(0.3, transparent), color-stop(0.7, transparent), color-stop(0.7, rgba(255,255,255,0.35)), to(rgba(255,255,255,0.35)));
  background-image:-webkit-linear-gradient(rgba(255,255,255,0.35) 0%, rgba(255,255,255,0.35) 30%, transparent 30%, transparent 70%, rgba(255,255,255,0.35) 70%, rgba(255,255,255,0.35) 100%);
  background-image:-moz-linear-gradient(rgba(255,255,255,0.35) 0%, rgba(255,255,255,0.35) 30%, transparent 30%, transparent 70%, rgba(255,255,255,0.35) 70%, rgba(255,255,255,0.35) 100%);
  background-image:-o-linear-gradient(rgba(255,255,255,0.35) 0%, rgba(255,255,255,0.35) 30%, transparent 30%, transparent 70%, rgba(255,255,255,0.35) 70%, rgba(255,255,255,0.35) 100%);
  background-image:linear-gradient(rgba(255,255,255,0.35) 0%, rgba(255,255,255,0.35) 30%, transparent 30%, transparent 70%, rgba(255,255,255,0.35) 70%, rgba(255,255,255,0.35) 100%);
  background-size:1px 100%;
  background-repeat:no-repeat;
  background-position:50% 0%;
}

input[type="radio"]:hover + label {
  background:rgba(255,255,255,0.6);
}
input[type="radio"]:checked + label {
  background:rgba(255,255,255,1);
  -webkit-box-shadow:0px 0px 0px 5px rgba(255,255,255,0.3);
  -moz-box-shadow:0px 0px 0px 5px rgba(255,255,255,0.3);
  box-shadow:0px 0px 0px 5px rgba(255,255,255,0.3);
}
input[type="radio"]:checked + label:before {}
input[type="radio"]:checked ~ figure img {
  z-index:2;
  -webkit-transform:translatex(0px);
  -moz-transform:translatex(0px);
  -ms-transform:translatex(0px);
  -o-transform:translatex(0px);
  transform:translatex(0px);
  -webkit-transition:all .15s, z-index 0s;
  -moz-transition:all .15s, z-index 0s;
  -o-transition:all .15s, z-index 0s;
  transition:all .15s, z-index 0s;
}
input[type="radio"]:checked ~ figure[class*="entypo-"]:before {
  z-index:3;
  color:rgba(255,255,255,0.5);
  -webkit-transition:color .5s;
  -moz-transition:color .5s;
  -o-transition:color .5s;
  transition:color .5s;
}
input[type="radio"]:checked ~ figure figcaption {
  z-index:8;
  -webkit-transform:translateX(0px);
  -moz-transform:translateX(0px);
  -ms-transform:translateX(0px);
  -o-transform:translateX(0px);
  transform:translateX(0px);
  -webkit-transition:all .35s, .7s;
  -moz-transition:all .35s, .7s;
  -o-transition:all .35s, .7s;
  transition:all .35s, .7s;
}


/*首页工程案例样式*/
/* CSS Document */
.w1000{ width:1185px; margin:0 auto;padding:0;}
body {margin-left: 0px;margin-top: 0px;margin-right: 0px;margin-bottom: 0px;font-family:"微软雅黑";}
ul,li{list-style:none;}
img{ border:none;}
/*a{color:#08A5E0;}*/
a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {text-decoration: none;}
a:active {text-decoration: none;}
/* 标准盒模型 */
.ctt{height:auto;padding-top:25px;clear:both; text-align:center;}
/* TAB 切换效果 */
.tb_{height: 40px; line-height: 40px; width:1185px;border-bottom: 1px solid #d5d5d5; float:left; margin-top:7px;font-family: "Microsoft YaHei","微软雅黑","Microsoft JhengHei",Arial, Helvetica, sans-serif;
font-size: 20px;padding-left: 10px;font-weight: 600;}
.tb_ ul{height:40px;}
.tb_ li{float:left;height: 40px;width: 120px;cursor:pointer; margin-right:3px;font-weight: bolder;}
/* 控制显示与隐藏css类 */
.normaltab{height: 35px;color: #3b3b3b;text-align: center;background: #efeff0;font-size: 14px;}
.hovertab{height: 40px;color: #fff;text-align: center;background:#08A5E0;font-size: 14px; bottom: -6px;}
.dis{display:block; height:230px; padding-top:8px; overflow:hidden;}
.undis{display:none; height:230px; padding-top:8x; overflow:hidden;}
#scrollbox1,#scrollbox2,#scrollbox3 ,#scrollbox4,#scrollbox5,#scrollbox6{width:1185px;height:190px;_height:190px; margin:0 auto;}
#scrollbox1 ul,#scrollbox2 ul,#scrollbox3 ul,#scrollbox4 ul,#scrollbox5 ul,#scrollbox6 ul{overflow:hidden;}
#scrollbox1 ul LI,#scrollbox2 ul LI,#scrollbox3 ul LI,#scrollbox4 ul LI,#scrollbox5 ul LI ,#scrollbox6 ul LI {FLOAT:left;width:189px;_width:192px;height:190px;_height:190px;vertical-align:top;font-size:14px;line-height:18px;min-height:18px;text-align:center;padding:0px;overflow:hidden; margin-top: 14px; margin-right:10px;}
#scrollbox1 ul LI img,#scrollbox2 ul LI img,#scrollbox3 ul LI img,#scrollbox4 ul LI img,#scrollbox5 ul LI img,#scrollbox6 ul LI img{ width:189px;height:152px;border:1px solid #CCCCCC;}
.pointer {CURSOR: pointer}
.btbg_l{ width:485px; float:left; background:url(../images/btbg_l.jpg) left no-repeat;}
.btbg_r{ width:485px; float:right; background:url(../images/btbg_r.jpg) right no-repeat;}
#arrLeft1,#arrLeft2,#arrLeft3,#arrLeft4,#arrLeft5,#arrLeft6{float:right;}
#arrRight1,#arrRight2,#arrRight3,#arrRight4,#arrRight5,#arrRight6{float:left;}
.ind_anli{width:100%; float:left; padding-bottom:12px; border-bottom:1px #CCCCCC solid;}
.ind_anli_t{ width:1185px; margin:0 auto; background:url(../images/ind_anli.png) left no-repeat; height:40px; line-height:40px; text-indent:60px; font-size:20px; font-weight:bold; color:#08A5E0; border-bottom:#CCCCCC 1px solid;}
.ind_anli_t span{ float:right; font-size:18px;}
.ind_anli_t span a{ color:#333333;}
.ind_anli_cl{ width:290px; float:left; font-size:14px; margin-left: -23px;}
.ind_anli_cl ul,.ind_anli_cr ul{ margin-top:12px;}
.ind_anli_cl li{ width:100%; height:30px; /*background:url(../images/ind_anli_clli.png) left no-repeat;*/ line-height:30px; text-indent:2em;}
.ind_anli_cl li a{*height:35px;width:270px;*line-height:35px; padding-left:20px; display:block;color:#444;border-bottom:1px dotted #ccc; text-decoration:none;background: url(/html5/images/diy/newslist_d2.gif) 35px no-repeat;}
.ind_anli_cl li a:hover{color:#FF0000;}
.ind_anli_cr{ width:918px; float:right;}
.ind_anli_cr li{width:294px; margin-left:12px; float:left;margin-top: 12px;}
.ind_anli_cr li img{width:294px; height:182px;float:left;border-radius:5px;-moz-border-radius:5px;}
.ind_anli_cr li p{width:300px; height:187; margin-top:5px; color:#666666; float:left; line-height:22px; font-size:14px;}
.ind_anli_cr li span{width:154px; height:auto; float:left;color: #333333;font-weight: normal;font-size: 14px;height: 20px;text-align: right;}
/*首页产品展示样式*/
.main2{height:500px;}
.m2_p1 {float:left;color:white;padding:22px 80px 0 20px;font-weight:bold;font-size:14px;}
.hdm01 h3{height:40px;padding-top:15px;background:url("../images/20151125-02.png");}
.hdm01 h3 a{font-size:18px;font-weight:300;line-height:14px;display:block;float:left;color:#2E2E2E;padding:0 38px;text-decoration:none;}
.hdm01 h3 a:hover{text-decoration: none;background-color: #414244;line-height: 33px;height: 34px;margin-top: -12px; color:#FFFFFF;}
.hdm01 h3 a.current{color:#FFFFFF;position:relative;background-color: #414244; line-height: 33px; height: 34px; margin-top: -12px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
.ztscl01{background-color: #336699;height:40px;padding-top:15px;}
.content {padding:10px 0 8px 0px;height:500px;overflow:hidden; width:100%;}
.content li{width:277px;float:left;margin-right:25px;}
.content li img {width:277px;height:165px;border: #4385c8 1px solid;border-radius:5px;-moz-border-radius:5px;}
.content li span {display:block;width:277px;cursor:pointer;line-height:30px;text-align:center;font-size:14px;}
.content li a{color:#414141;}
.content li a:hover{#414141;text-decoration:underline;}
.m2_p2 {text-align:right;clear:both;font-weight:bold;padding-right:20px;color:white;}
/*首页头部样式*/
*{margin:0;padding:0;}
#CDnav.ul{list-style:none;}
#CDnav.a{text-decoration:none;}
/*头部说明*/
.index_head{width:100%;height:40px;background:#ececec;line-height:40px;font-size:16px;}
.index_headcon{width:1185px;height:40px;margin:0px auto;}
.index_headconleft{width:400px;height:40px;float:left;}
.index_headconright{width:400px;height:40px;float:right;text-align:right;}
.index_headconright span{color:#FF3300;}
/*设置二级导航样式*/   
#CDnav{width:100%;background-color:#336699;font-size:16px;text-decoration:none;list-style:none;font-family:"微软雅黑";}
.nav{width:1185px;height:40px;background-color:#336699;
/*导航栏居中*/
margin:auto;}
.nav ul li {width:145px;height:40px;float:left;position:relative;border-bottom: #FFFFFF 1px solid;font-size: 16px;}
.nav ul li a {display:block;width:145px;height:40px;line-height:40px;text-align:center;color:#FFFFFF;}
.nav ul li a:hover {border-bottom:#fff 1px solid;background-color: #4385c8;} 
/*设置一级导航样式*/
.nav ul li ul{display:none;}
{display:none;}
.nav ul li:hover ul{display:block;width:145px;position:absolute;top:40px;left:0;background-color: #4385c8;
/*background-color:#336699;*/}
.nav ul li:hover ul li a{display:block;width:145px;height:38px;line-height:38px;text-align:center;}
.nav ul li:hover ul li a:hover{background-color:#336699;} 
/*设置二级导航样式*/
.nav ul li ul li a:hover { border-bottom: #336699 1px solid;background-color: #4385c8;} 
/*设置三级导航样式*/
.nav ul li:hover ul li ul {display:none;}
.nav ul li:hover ul li:hover ul{display:block;width:100px;position:absolute;top:0px;left:100px;background-color:#52a1f1;}
.nav ul li:hover ul li:hover ul li {width:100px;height:40px;}
.nav ul li:hover ul li:hover ul li a {display:block;width:250px;height:38px;line-height:38px;border:0px solid gray;text-align:center;}
.nav ul li:hover ul li:hover ul li a:hover {background-color:#336699;}
.nav ul li:hover ul .nav_jw ul {display:none;}
.nav ul li:hover ul .nav_jw:hover ul{display:block;width:145px;position:absolute;top:0px;left:145px;background-color:#52a1f1;}
.nav ul li:hover ul .nav_jw:hover ul li {width:145px;height:40px;}
.nav ul li:hover ul .nav_jw:hover ul li a {display:block;width:145px; height:38px;line-height:38px;border-bottom: #52a1f1 1px solid;text-align:center;}
.nav ul li:hover ul .nav_jw:hover ul li a:hover {background-color:#336699;}

/*首页轮播图片样式*/
.full_banner{width: 100%;height:460px;background: #FFF;overflow: hidden;position: relative;}
.bd {margin: 0 auto;position: relative;z-index: 0;overflow: hidden;}
.bd ul {width: 100% !important;}
.bd li {width: 100% !important;float: left;height:460px;overflow: hidden;text-align: center;}
.bd li a {display: block;height:460px;}
.hd {width: 100%;position: absolute;z-index:9999;bottom:0px;left: 0;height: 50px;line-height: 50px;text-align: center;}
.hd ul {text-align: center;}
.hd ul li {cursor: pointer;display: inline-block;*display:inline;zoom: 1;width: 40px;height: 12px;margin: 5px;background: url(../images/tg_flash_p.png) -50px 0;overflow: hidden;	line-height: 9999px;}
.hd ul .on {background-position: 0px 0px;}